<template>
	<Header></Header>
	<!-- about -->
	<section class="about" style="margin-top:70px;min-height: 500px;">
		<div class="container py-lg-5 ">
			<div class="">
				<div  style="border-bottom: 1px solid #ccc;padding:10px 0px;margin-bottom: 20px;overflow: hidden;text-align: center;">
					<h3 class="">{{getData.title}}</h3>
				</div>
				
				<div style="margin-bottom: 30px;">
					<p v-html="getData.content"></p>
				</div>
				
			</div>
			
		</div>
	</section>
	<!-- //about -->
	<Footer></Footer>
</template>

<script setup>
	import api from "@/api/index"
	let getData=ref({})
	const router = useRouter();
	onMounted(() => {
		
		// console.log(toRaw(router.currentRoute.value.query.id))
		var id=toRaw(router.currentRoute.value.query.id)
	      getDataItem(id)
	});
	onBeforeMount(()=>{
		
	});
	const getDataItem=(id)=>{
		var url='?parentId='+id
		api.getChildAndArticle(url).then(res => {
			getData.value=res.data.data[0]
			
		})
	}
	
</script>


<style>
</style>